<template>
  <div>
    <el-dialog
      v-model="state.centerDialogVisible"
      title="招标任务需求"
      width="20%"
      align-center
      @close="handleClose"
      @open="openDilaog"
      class="dialogStyle"
    >
      <div class="flex flex-wrap gap-2 my-2">
        <el-tag class="mx-1" effect="dark" round @click="rotuePushBidding"> 发起招标任务议题审批</el-tag>
      </div>
      <div class="flex flex-wrap gap-2 my-2">
        <el-tag class="mx-1" effect="dark" round @click="routePushBiddingBusiness">发起招标任务业务审批 </el-tag>
      </div>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="state.centerDialogVisible = false" class="button_cancel2">取消</el-button>
          <el-button @click="state.centerDialogVisible = false" class="button_view">
            确定
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
import {
  ElDialog,
  ElForm,
  ElFormItem,
  ElRadio,
  ElRadioGroup,
  ElMessage
} from 'element-plus'
import { useRouter } from 'vue-router';
const state = reactive({
  centerDialogVisible: false,
  projectTaskId:'',
  isLook:0,
  projectId:'',

})
const openDilaog = () => {}
const handleClose = () => {}
const router=useRouter()
//招标任务审批
const rotuePushBidding=()=>{
    router.push({
        path:`/constructionProjectManage/projectSupervision/components/topic/projectId=${state.projectId}&projectTaskId=${state.projectTaskId}&isLook=${state.isLook}`
    })
}
//招标任务业务审批
const routePushBiddingBusiness=()=>{
    router.push({
        path:`/constructionProjectManage/projectSupervision/components/approve/projectId=${state.projectId}&projectTaskId=${state.projectTaskId}&isLook=${state.isLook}`
    })
}
defineExpose({
  state
})
onMounted(() => {})
</script>
<style lang="scss" scoped>
.el-dialog__body .el-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.my-2{
    height: 50px;
}
.el-tag{
    cursor: pointer;
}
</style>
<style lang="scss" scoped>
@import '@/assets/general_style/dialog.scss';
@import '@/views/constructionProjectManage/static/dialog.scss';
</style>
